<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01-创建map</title>
    <style>
        .map {
            width: 800px;
            height: 600px;
            background-color: #ccc;
            margin:60px auto;
            position: relative;
        }
        .map div{
            position: absolute;
        }
    </style>
</head>
<body>
<!--设置一个地图盒子-->
    <div class="map"></div>
</body>
</html>
<!--引入工具方法Utils-->
<script src="./03-Utils.js"></script>
<!--引入创建的食物对象-->
<script src="./02-Food.js"></script>
<!--引入创建的蛇对象-->
<script src="./04-Snake.js"></script>
<!--引入游戏对象-->
<script src="./05-Game.js"></script>
<script>
   /* // 调用食物对象
    var food = new Food();
    // new Food();  new Food();
    //  food.create()

    // 调用蛇对象
    var snake = new Snake();*/

   // 直接调用执行Game函数
   new Game();

    /**
     * new做的事情
     * 1. 创建一个空对象
     * 2. 将this指向这个空对象
     * 3. 执行构造函数里面的代码  给对象的属性赋值
     * 4. 返回创建出来的对象 也就是返回this
     */
</script>